<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %><%--JSTL标签库--%>

<html lang="zh-CN">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <title>客户登录</title>

    <%--页面的背景--%>
    <style>
        body {
            background-image: url("./img/water.jpg");
            background-size: cover;
        }
        /*table {
            background-color: #FFFFFF; !*设置背景色为白色*!
        }*/
    </style>
    <!-- 1. 导入CSS的全局样式 -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- 2. jQuery导入，建议使用1.9以上的版本 -->
    <script src="js/jquery-2.1.0.min.js"></script>
    <!-- 3. 导入bootstrap的js文件 -->
    <script src="js/bootstrap.min.js"></script>
</head>

<body>
<div class="container" style="width: 400px;">
    <h3 style="text-align: center;">客户登录</h3>
    <form action="${pageContext.request.contextPath}/LoginUser"  method="post">
        <div class="form-group">
            <label for="phone">号码：</label>
            <input type="text" name="phone" class="form-control" id="phone" placeholder="请输入用户名"/>
        </div>

        <div class="form-group">
            <label for="password">密码：</label>
            <input type="password" name="password" class="form-control" id="password" placeholder="请输入密码"/>
        </div>
        <hr/>
        <div class="form-group" style="text-align: center;">
            <input class="btn btn btn-primary" type="submit" value="登录">
        </div>
    </form>
    <br>
    <div align="center">
        <a href="updateUserPassword.jsp"><button>忘记密码</button></a>
        <a href="registUser.jsp"><button>客户注册</button></a>
    </div>
    <br>
    <div align="center">
        <a href="${pageContext.request.contextPath}/loginEmployee.jsp"><button>管理员登录</button></a>
        <a href="${pageContext.request.contextPath}/index.jsp"><button>返回主页</button></a>
    </div>

</div>
</body>
</html>